<style scoped>
    .back{
        background-color:cadetblue;
        opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
    .title {
        left: 30%;
        right: 30%;
        z-index: 12;
        position: fixed;
    }
</style>
<template>
    <div v-show="status">
        <div class="back"></div>
        <div class="title" style="width:500px;height:500px;background-color:#fff;border: 1px solid red">
            <div>
                <div style="display:flex;justify-content:space-between">
                <div>标题</div>
                <div @click="closeAdd">关闭</div>
                </div>
                <div>内容</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'adduser',
    data () {
        return {
            statusA: this.status,

        }
    },
    props: {
        status
    },
    methods: {
        closeAdd () {
            this.$emit('clickParent', false)
        }
    }
}
</script>


